<template>
  <div class="about">
    <ul>
      <li v-for="(item, i) in list" :key="i">
        <span>{{ item.mockTitle }}</span>
        <span>{{ item.mockContent }}</span>
        <span class="icon">{{ item.mockAction }}</span>
      </li>
    </ul>
    <button @click="getlist">get</button>
    <myFooter class="m-t-10" />
  </div>
</template>

<script>
export default {
  props: {},
  computed: {},
  watch: {},
  data() {
    return {
      list: []
    }
  },
  mounted() {
    this.getlist()
  },
  methods: {
    getlist() {
      const params = {
        index: 1
      }
      this.$axios.get(`/api/user/`, params).then((res) => {
        console.log('======res>>>>====', res)
        this.list = res.data.data
      })
    },
  }
}
</script>
<style lang="scss" scoped>
.about {
  padding: 10px;
  color: $green;

}
</style>
